/*
-----------------------------------------------
Blogger Template Style
Name:     Minimal Blue
Designer: David Gonzalez Garcia
URL:      davidXL.blogspot.com
----------------------------------------------- 
COMPRESS: http://www.lotterypost.com/css-compress.aspx
-----------------------------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Philosopher|Nobile|Open+Sans:300);*/

/* Content
----------------------------------------------- */
body {
  font: normal normal 15px Calibri, sans-serif;
  color: #222;
  background-color: #fff;
  padding: 0;
  min-width: 1000px;
}

html body .region-inner {
  min-width: 0;
  max-width: 100%;
  width: auto;
}

a:link {
  text-decoration:none;
  color: #15c;
}

a:visited {
  text-decoration:none;
  color: #039;
}

a:hover {
  text-decoration: underline;
}

a.button {
  /*-moz-border-radius: 3px;
  -webkit-border-radius: 3px;*/
  border-radius: 3px;
  padding: 5px 10px;
  border: 1px solid #15C;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,.2);
  background-color: #fff;
}

a.button:hover, a.button:focus{
  padding: 3px 8px;
  border: 3px double #15C;
  text-decoration:none;
  outline:0;
}

a.button:active {
	position:relative;
	top:1px;
	box-shadow: 0 0 2px 0px rgba(0,0,0,.2);
}

a.button + a.button
{
	/*-moz-border-radius: 0;
	-webkit-border-radius: 0;*/
	border-radius: 0;
    margin-left: -1px;
}

p > a.button:first-child {
	border-radius: 3px 0 0 3px;
}

p > a.button:last-child {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}


pre {
  color: #000;
  font: 400 14px/20px monospace;
  white-space: pre;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  text-align: left;
  
  position: relative;
  z-index: 99;
  display: block;
  overflow: auto;
  
  max-height: 300px;
  width: 624px;
  margin: 5px 0 15px;
  padding: 1px 0 0 2px;
  border: 1px solid #EEE;
  border-left-width: 3px;
  background: #FFF;
  
  -moz-transition: width .2s ease-in-out .5s;
  -webkit-transition: width .2s ease-in-out .5s;
  -o-transition: width .2s ease-in-out .5s;
  transition: width .2s ease-in-out .5s;
}

pre:hover {
    width: 880px;  
 }

pre .num { color:#f0f; }
pre .esc { color:#080; font-weight:bold; }
pre .str { color:#080; }
pre .dstr { color:#080; }
pre .slc { color:#999; }
pre .com { color:#999; }
pre .dir { color:#080; }
pre .sym { color:#f00; font-weight:bold; }
pre .line { color:#555; }
pre .mark	{ background-color:#ffb;}
pre .kwa { color:#00f; font-weight:bold; }
pre .kwb { color:#00f; }
pre .kwc { color:#80f; }
pre .kwd { color:#089; }

code{
  background-color: #F3F3F3;
  padding: 2px;
  font-size: 95%;
}

em {

}

blockquote {
	border: 1px solid #DDD;
	margin: 15px 75px;
	padding: 15px;
	background-color: #F6F6F6;
	quotes: "\201C" "\201D";
}

blockquote::before, blockquote::after
{
	font-weight: bold;
	font-size: 300%;
	line-height: 23px;
}

blockquote::before
{
	content: open-quote;
	float: left;
	margin: 0 10px 0 0;
}

blockquote::after {
	content: close-quote;
	float: right;
	margin: 10px;
}

.warn {
border: 1px solid #EEA;
background-color: #FFE;
padding: 7px;
}

.content-outer {
  margin-bottom: 1px;
}

.content-inner {
  padding: 10px 40px;
}

.content-inner {
  background-color: #fff;
}
/* Template
----------------------------------------------- */
.content-outer, .region-inner {
  min-width: 1000px;
  max-width: 1000px;
  _width: 1020px;
}

.main-inner .columns {
  padding-left: 0;
  padding-right: 260px;
}

.main-inner .column-left-outer {
  width: 0;
  right: 100%;
  margin-left: 0;
}

.main-inner .column-right-outer {
  width: 260px;
  margin-right: -260px;
}

/* Header
----------------------------------------------- */
.header-outer {
}

.Header h1 {
  font: normal normal 100px Philosopher, Georgia, serif;
  color: #000;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
  text-rendering: geometricPrecision;
  text-align: center;
  
  visibility:hidden;
}

.Header h1 a {
  color: #000;
}

.Header .description {
  font-size: 17px;
  color: #999;
}

.header-inner .Header .titlewrapper {
  padding: 0;
background: transparent url(http://davidxl.googlecode.com/hg/blog/Logo.min.png) center center no-repeat ;
height: 110px;
}

.header-inner .Header .descriptionwrapper {
  padding: 0;
  font-style:italic;
  text-align: center;
}

/* Tabs
----------------------------------------------- */
.tabs-inner .section:first-child {
  border-top: 0 solid #ddd;
}

.tabs-inner .section:first-child ul {
  margin-top: -1px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.tabs-inner .widget ul {
  border-bottom: 1px solid #ddd;
  margin: 0 -30px;
}

.tabs-inner .widget li a {
  display: inline-block;
  padding: .6em 1em;
  font: normal normal 14px Nobile, sans-serif;
  color: #000;
  
  /*border-left: 1px solid #fff;
  border-right: 1px solid #ddd;
}

.tabs-inner .widget li:first-child a {
  border-left: none;*/
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  color: #000;
  background-color: #eee;
  text-decoration: none;
}

.tabs-outer {
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 6px #EEE;
  box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

/* Headings
----------------------------------------------- */
h2 {
  margin: 0 0 1em 0;
  font: normal normal 14px Nobile, sans-serif;
  color: #000;
  text-transform: uppercase;
}

/* Widgets
----------------------------------------------- */
.widget .zippy {
  color: #AAA;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.widget .popular-posts ul {
  list-style: none;
}

/* Posts
----------------------------------------------- */
.date-header {
  font-size: 12px;
  text-align: center;
}

.date-header span {
  color: #999;
  letter-spacing: 3px;
}
.post-author, .post-timestamp, .post-labels, .post-comment {
	background: url(http://davidxl.googlecode.com/hg/blog/icons.png) no-repeat;
	padding: 0 11px;
}

.post-author    { background-position: 0 0 }
.post-timestamp { background-position: 0 -17px}
.post-labels    { background-position: 0 -51px}
.post-comment   { background-position: 0 -34px}

.post-body h1, .post-body h2, .post-body h3, .post-body h4 {
  margin: 15px 0 10px;
  font-family: Nobile, sans-serif;
  font-weight: 400;
  text-transform: none;
}
.post-body h1{ font-size: 28px;}
.post-body h2{ font-size: 24px;}
.post-body h3{ font-size: 20px;}
.post-body h4{ font-size: 16px;}

.post-body table {
  border-spacing: 0;
  border-collapse: collapse;
  text-align:left;
  margin:20px;
  /*width: 590px;*/
}

.post-body table thead  {}
.post-body table tbody  {}

.post-body table th {
  font-size:115%;
  font-weight:400;
  color:#039;
  border-bottom: 1px solid #D0E8FF;
  padding: 8px;
}

.post-body table td {
  padding:4px 8px;
}


.main-inner {
  padding: 35px 0 65px 0;
}

.main-inner .column-center-inner {
  padding: 0;
}

.main-inner .column-center-inner .section {
  margin: 0 1em;
}

.post {
  margin: 0 0 45px 0;
}

h3.post-title, .comments h4 {
  font: normal normal 26px 'Open Sans', sans-serif;
  margin: .75em 0 0;
  /*text-shadow: 1px 1px 1px #FFF;*/
  border-bottom: 1px solid #DDD;
  font-weight: 300;
}

h3.post-title a:hover h3.post-title{
  border-bottom: 1px solid #15c;
}

.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: 2px;

  background: #fff;
  border: 1px solid #eee;

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
  padding: 3px;
}

.post-body .tr-caption-container {
  color: #444;
}

.post-body .tr-caption-container img {
  padding: 0;

  background: transparent;
  border: none;

  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}

.post-header {
  margin: 0 0 1.5em;
  line-height: 1.6;
  font-size: 90%;
}

.post-timestamp {
	margin-left: 0;
}

.post-footer {
  margin: 20px 0 0;
  padding: 5px 10px;
  color: #666;
  background-color: #fff;
  border: 1px solid #ddd;
  line-height: 1.6;
  font-size: 90%;
  display: none;
}

a.footerHandle
{
  text-align: right;
  display: block;
  color: #ddd !important;
  font-style: italic;
}
.post-outer:hover a.footerHandle
{
  color: #999 !important;
}

.post-outer:hover a.footerHandle:hover
{
  color: #444 !important;
}

#comments .comment-author {
  padding-top: 1.5em;
  border-top: 1px solid #ddd;
  background-position: 0 1.5em;
}

#comments .comment-author:first-child {
  padding-top: 0;
  border-top: none;
}

.avatar-image-container {
  margin: .2em 0 0;
}

#comments .avatar-image-container img {
  border: 1px solid #eee;
}

/* Accents , Others
---------------------------------------------- */
#navbar-iframe {opacity: .4;}
#navbar-iframe:hover {opacity: 1;}

#hideNavBorder {
  width: 100%;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 11;
}

.section-columns td.columns-cell {
  /*border-left: 1px solid #ddd;*/
}

.blog-pager {
 
}

.blog-pager-older-link, .home-link, .blog-pager-newer-link {
  padding: 5px;
}

.footer-outer {
  border-top: 1px solid #ddd;
}

/* Mobile
----------------------------------------------- */
body.mobile  {
  background-size: auto;
}

.mobile .content-outer {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  padding: 0;
}

body.mobile .AdSense {
  margin: 0;
}

.mobile .tabs-inner .widget ul {
  margin-left: 0;
  margin-right: 0;
}

.mobile .post {
  margin: 0;
}

.mobile .main-inner .column-center-inner .section {
  margin: 0;
}

.mobile .date-header span {
  padding: 0.1em 10px;
  margin: 0 -10px;
}

.mobile h3.post-title {
  margin: 0;
}

.mobile .blog-pager {
}

.mobile .footer-outer {
  border-top: none;
}

.mobile .main-inner, .mobile .footer-inner {
  background-color: #fff;
}

.mobile-index-contents {
  color: #222;
}

.mobile-link-button {
  background-color: #3d85c6;
}

.mobile-link-button a:link, .mobile-link-button a:visited {
  color: #fff;
}

.mobile .tabs-inner .section:first-child {
  border-top: none;
}

.mobile .tabs-inner .PageList .widget-content {
  background-color: #eee;
  color: #000;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-left: 1px solid #ddd;
}

/* Mods
----------------------------------------------- */
table.zebra tr:nth-child(2n){
  background-color: aliceBlue;
}

.column-right-outer ul, footer ul{
list-style-type: circle;
}

.comment-form {
  max-width: 650px;
}

.post-share-buttons {
  margin: 0;
}

.star-ratings{
  display: inline-block;
  vertical-align: middle;
}

#authorLink,#authorLink:hover, #authorLink:visited  {
  position: fixed;
  bottom: 0;
  right: 0;
  color:#eee;
  text-decoration: none;
}


/* GIST
--------------------------------- */

.gist {
  font-size: 70%;
}

.gist table
{
  margin: 0;
}

.gist pre {
  max-height: none;
}